.menu{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
    display: flex;
    .left{
        width: 100px;
        height: 100%;
        background-color: #f5f5f5;
        overflow: auto;
        .shop-list{
            width: 100%;
            height: 40px;
            text-align: center;
            font-size: 14px;
            line-height: 40px;
            position: relative;
            padding: 10px 0;
            &.active{
                background-color: #fff;
                color: #0C34BA;
            }
            .line{
                width: 2px;
                height: 50%;
                background-color: #0C34BA;
                position: absolute;
                top: 25%;
                left: 0;
            }
        }
    }
    .right{
        width: calc(100% - 100px);
        height: 100%;
        background-color: #fff;
        overflow: auto;
        .product{
            display: flex;
            flex-wrap: wrap;
            padding: 10px;
            .product-item {
                box-sizing: border-box;
                padding: 10px;
                width: calc(50% - 5px);
                background-color: #fff;
                margin-right: 10px;
                margin-bottom: 10px;
                &:nth-child(2n) {
                    margin-right: 0;
                }
            }
        }
    }
}